﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="Scripts/jquery-1.8.3.min.js"></script>
    <script src="Scripts/jquery-ui.min.js"></script>
    <link href="css/css.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            var like = 0;
            $("input[type='number']").change(function () {
                var mytag = $(this).parents('td:last').css('background-color', 'red');
                alert(mytag.find('input').val());
                // clearTimeout(like);
                //like = setTimeout(function () {
                //   alert(mytag.parent().next().find('span').text());
                //}, 1000);

            });
            $('span').click(function () {
                alert($(this).parents().find('td:last').find('input').val()) ;
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div style="width:110px; height:34px; float:left; position:relative">
            <div style="height:35px; background-color:blue;">
            dfdfd
            </div>
            <div style="right:8px; top:32px; width:320px; z-index:1100;">
                <div style="border:2px solid red; position:relative">
                    dfadfafas
                </div>
            </div>
        </div>
    </form>
</body>
